 
 
 body{
 
 margin:0;padding:0;
 
 }
 
 @font-face {
    font-family: font_;
    src: url(surface/fonts/octoville.ttf);
}
@font-face {
    font-family: font_1;
    src: url(surface/fonts/octoville.ttf);
}


div{
background-color : black;
color:black; padding:3px; font-size:16px; border-width:6px; border-radius:30px; border-style:double; background-color:#ff1981; border-color:#891f8f; box-shadow:inset -1px 0px 30px 0px rgba(42,42,42,.90); text-shadow:-2px 2px 2px rgba(42,42,42,.75);  
}

 
 audio,
    video {
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        vertical-align: top;
    }
    input {
        border: 1px solid #123999;
        border-radius: 5px;
        font-size: 2em;
        margin: 0;
        width: 20%;
    }
    select {
        border: 1px solid #d9d9d9;
        border-radius: 1px;
        height: 50px;
        margin-left: 1em;
        margin-right: -12px;
        padding: 1.1em;
        vertical-align: 6px;
    }
    .setup {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        font-size: 102%;
        height: 47px;
        margin-left: -9px;
        margin-top: 8px;
        position: absolute;
    }
    p {
        padding: 1em;
    }
    #chat-output div,
    #file-progress div {
        border: 1px solid black;
        border-bottom: 0;
        padding: .1em .4em;
    }
    #chat-output,
    #file-progress {
        margin: 0 0 0 .4em;
        max-height: 12em;
        overflow: auto;
    }
    .data-box input {
        border: 1px solid black;
        font-family: inherit;
        font-size: 1em;
        margin: .1em .3em;
        outline: none;
        padding: .1em .2em;
        width: 97%;
    }
	
	
	
	.btn {
  background: #e043bb;
  background-image: -webkit-linear-gradient(top, #e043bb, #bd2480);
  background-image: -moz-linear-gradient(top, #e043bb, #bd2480);
  background-image: -ms-linear-gradient(top, #e043bb, #bd2480);
  background-image: -o-linear-gradient(top, #e043bb, #bd2480);
  background-image: linear-gradient(to bottom, #e043bb, #bd2480);
  -webkit-border-radius: 19;
  -moz-border-radius: 19;
  border-radius: 19px;
  text-shadow: 1px 1px 12px #666666;
  -webkit-box-shadow: 0px 1px 22px #666666;
  -moz-box-shadow: 0px 1px 22px #666666;
  box-shadow: 0px 1px 22px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #9c6c9c 2px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

	.btnFile {
 
  text-decoration: none;
 
}

.btnFile:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  color:rgba(0,0,0,0);
  
}
	
	
	
	
	#debugger_ {
	
	background-color : black;
	color : white;
	
	
	
	}